<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script>
    function  ajax4(){


      //1创建ajax对象
      let xmlHttpRequest = new XMLHttpRequest();
      //2配置向后端请求类型get post 异步请求数据
      xmlHttpRequest.open("post","/web_war_exploded/ajax3",true);
      //3监听数据是否请求成功
      xmlHttpRequest.onreadystatechange=function (){
        //服务和客户端握手
        if (xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200){//服务器解析成功
          if (xmlHttpRequest.status==200){//200表示成功返回
            //responseText获取后端返回的数据存入data
           let data = JSON.parse(xmlHttpRequest.responseText);
           //把json格式的字符串转换成json格式的对象 序列化
            document.querySelector(".user").innerHTML=data[2].user;
            document.querySelector(".pw").innerHTML=data[2].pw;
          }
        }
      }

      //4发送请求
      xmlHttpRequest.send();
    }
  </script>
</head>
<body onload="ajax4()">
<div id="show" style="border: solid 3px red;width: 500px;height: 100px;background: lightgreen;">
用户名：<span class="user"></span>
密码：<span class="pw"></span>
</div>
<!--<button onclick="ajax4()">提交</button>-->
</body>
</html>